<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
	<link rel="icon" href="img/tyust.jpg">
    <title>2019级毕业实习</title>
  </head>
  <body>
	<h2>表单</h2>
	<form action="tyust.html" action="post">
		用户名<input type="text" placeholder="请输入用户名"/>
		<br>
		密码<input type="password"/>
		<br>
		生日<input type="data"/>
		<br>
		性别<input type="radio" name="gender"/>男
		    <input type="radio" name="gender"/>女
			<br>
		籍贯<select>
			<option>河北</option>
			<option>辽宁</option>
			<option>广东</option>
		</select>
		<br>
		爱好 <input type="checkbox"/> 踢球
		     <input type="checkbox"/> 旅游
			 <input type="checkbox"/> 骑行
		<br>
		照片<input type="file"/>
		<br>
		备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
		<br>
		<input type="submit" value="注册"/>
		<input type="reset" value="重填"/>
	</form>
	<h2>超链接</h2>
	<a href="http://www.tyust.edu.cn">太原科技大学</a>
	<br>
	<h2>图片</h2>
	<img src="img/tyust.jpg" width="50px" height="50px"/>
	<h2>表格</h2>
	<table border="1px" width="500px">
		<tr>
			<td>车次</td>
			<td>出发站</td>
			<td>历时</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G601</td>
			<td>太原南</td>
			<td>2小时15分</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G902</td>
			<td>西安南</td>
			<td>1小时20分</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
		<tr>
			<td>G805</td>
			<td>北京南</td>
			<td>2小时30分</td>
			<td>
				<button>预订</button>
			</td>
		</tr>
	</table>
	<h2>DIV的使用</h2>
	<div>
		太原科技大学、计算机科学与技术学院、宋书记、潘院长等
		<img src="img/tyust.jpg"/>
	</div>
	<h2>span的用法</h2>
	<input type="text"/> <span style="color:red">用户名不能为空</span>
	<h2>有序列表和无序列表</h2>
	<ul>
		<li>软件工程专业</li>
		<li>智能科学与技术专业</li>
		<li>物联网专业</li>
	</ul>
	<ol>
		<li>软件工程专业</li>
		<li>智能科学与技术专业</li>
		<li>物联网专业</li>
	</ol>
  </body>
</html>